/*===================== 重置样式 START =====================*/
@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,p,dl,dd,dt,th,td,select,ul,ol,li,form,input,textarea,fieldset,legend,img{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-weight: 300;}
li{list-style: none;}
a{text-decoration: none;background: transparent;outline: none;color:#000;display: block;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
a:hover, .tran, .pub_button .pb_bg, .section_seven .item i{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.wot{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.upp{text-transform:uppercase;}
img{ border: 0;vertical-align: middle;max-width:100%;display: block;}
table{ border-collapse: collapse; border-spacing: 0;}
input,textarea{ -webkit-user-modify: read-write-plaintext-only;outline-style: none;border:none;font-size:14px;}
input::-moz-placeholder, textarea::-moz-placeholder {color: #000; } 
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #000; } 
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#000; }
html::-webkit-scrollbar{width:5px;height:5px;background-color:#fff;} 
html::-webkit-scrollbar-track{border-radius:0;background-color:#fff;}
html::-webkit-scrollbar-thumb{border-radius:50px;width:5px;height:5px;background-color:#0DA4D3;}
textarea{resize:none; overflow: auto;}
input{padding-top: 0; padding-bottom: 0;};
select,input{vertical-align:middle; }
select,input,textarea{font-size:14px;margin:0;}
.clear{zoom:1;}
.clear:after{ content:""; display:block; height:0; visibility:hidden; clear:both;}
.clear::before, .clear::after { content: "";display: table; } 
.clear::after{clear: both;}
.fl{float: left;}
.fr{float: right;}
html{-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: transparent;}
body{font-size:16px;color:#333;background-color: #fff;}
.error3{display: none !important;}
html,body{max-width:1920px;margin:0 auto;}
.inner{width:1440px;margin:0 auto;}
/*===================== 重置样式 END =====================*/

/*===================== 公用样式 START =====================*/
.header{position: absolute;z-index:999;width: 100%;left: 0;right: 0;}
.header .inner{height:120px;position: relative;width:98%;margin:0 auto;}
.header .logo img{margin-top:15px;}
.header .nav{float: left;width:55%;margin-left:12%;}
.header .nav ul li{float: left;width:11%;height:120px;line-height:120px;text-align: center;}
.header .nav ul li a{color:white;position: relative;z-index:1;font-size:18px;}
.header .nav ul li i{position: absolute;width:100%;height:0;background-color:#0DA4D3;left:0;top:0;z-index:-1;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.header .nav ul li em {font-style: normal;position: absolute;width: 0;height: 4px;background-color: #0DA4D3;left: 0;bottom: 0;z-index: 1;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.header .nav ul li a:hover i, .header .nav ul li a.active i{height:100%;}
.header .nav ul li a:hover, .header .nav ul li a.active{color:#fff;}
.header .nav ul li a:hover em, .header .nav ul li a.active em{ width: 100%;}

.header .product_son{display: none;position: absolute;left:0;top:140px;text-align: center;font-size:0;width:100%;height:auto;background-color:rgba(0,0,0,0.75);z-index:999;}
.header .product_son .item{display: inline-block;width:9%;margin:1% 0.5%;}
.header .product_son .item p{font-size:14px;color:#fff;height:32px;line-height:32px;}
.header .product_son .item:hover .pb_bg{transform: scaleY(1);-webkit-transform: scaleY(1);transform-origin: left 0;-webkit-transform-origin: left 0;visibility: visible\9;}

.header .call{margin-top:5px;height:70px;background:url(../images/call.png) 0 center no-repeat;padding-left:100px;margin-top: 28px;}
.header .call p{font-size:16px;color:#000;padding:4px 0;}
.header .call h3{font-size:32px;color:white;font-family: impact;}

.banner .swiper-button-next, .banner .swiper-button-prev{width:59px;height:59px;}
.swiper-pagination-bullet-active{background-color:#0DA4D3 !important;border-color:#0DA4D3 !important;}

.video_banner .swiper-pagination-bullet-active{background-color:#0DA4D3 !important;color:#fff;border-color:#0DA4D3 !important;width:30px !important;height:30px !important;}
.video_banner .swiper-pagination-bullet{width:30px;height:30px;border-radius:0;line-height:30px;}

.pub_button{position: relative;z-index:1;}
.pub_button .pb_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color:rgba(14,164,211,0.7);-webkit-transition: transform 0.5s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99);transition: transform 0.5s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99);transform-origin: left 100%;-webkit-transform-origin: left 100%;transform: scaleY(0);-webkit-transform: scaleY(0);visibility: hidden\9;z-index: -1;}
.pub_button:hover .pb_bg, .pub_button.active .pb_bg{transform: scaleY(1);-webkit-transform: scaleY(1);transform-origin: left 0;-webkit-transform-origin: left 0;visibility: visible\9;}

#scroll_two{height:430px;width:90%;position:relative;overflow: hidden;margin:0 auto;}
#scroll_two ul{width:100000px;position:absolute;left:0;}
#scroll_two ul li{float: left;width:460px;text-align: center;margin-right:36px;}
#scroll_two ul li h3{font-size:18px;color:white;line-height:50px;}
#scroll_two ul li:hover h3{background-color:#10A4D3;color:#fff;}


@media screen and (max-width: 700px) {
	#scroll_two{height:200px;}
	#scroll_two ul li{width:200px;margin-right:10px;}
	#scroll_two{
		display: none;
	}
	#case li{
		width: 48%;
		float: left;
		margin: 1%;
	}
	#case li a{
		color: white;
	}
	/* #case li a img{
		height: 220px;
	} */
}



/* 大图园 */
._banner2 {
	position: relative;
	z-index: 999;
	text-align: center;
	width: 100%;
	top: 200px; }
	._banner2 img {
	  position: absolute;
	  left: 0;
	  right: 0;
	  margin: auto; }
	._banner2 #rond {
	  width: 600px;
	  height: 600px;
	  border: 1px solid #fff;
	  border-radius: 50%;
	  animation: lds-hourglass 22s infinite;
	  position: absolute;
	  left: 0;
	  right: 0;
	  margin: auto;
	  top: 10px; }
	  ._banner2 #rond #test {
		height: 29px;
		width: 29px;
		background: url(../images/yd.png);
		position: absolute;
		top: 60px;
		left: 80px;
		margin: 0; }
	._banner2 #rond2 {
	  width: 560px;
	  height: 560px;
	  border: 1px dotted #fff;
	  border-radius: 50%;
	  animation: lds-hourglass 52s infinite;
	  position: absolute;
	  left: 0;
	  right: 0;
	  margin: auto;
	  top: 30px; }
	  ._banner2 #rond2 #test {
		height: 29px;
		width: 29px;
		background: url(../images/yd.png);
		position: absolute;
		top: 60px;
		left: 80px;
		margin: 0; }
	._banner2 #rond3 {
	  width: 450px;
	  height: 450px;
	  border-radius: 50%;
	  position: absolute;
	  left: 0;
	  right: 0;
	  margin: auto;
	  top: 66px;
	  background: rgba(0, 0, 0, 0.521);
	  border: 18px solid rgba(255, 255, 255, 0.541); }
	  ._banner2 #rond3 img {
		position: absolute;
		top: 120px; }
	  ._banner2 #rond3 .anniu {
		background: rgba(8, 112, 77, 0.651);
		border-radius: 50%;
		width: 40px;
		height: 40px;
		border: 6px solid rgba(255, 255, 255, 0.466);
		color: #fff;
		font-size: 16px;
		line-height: 40px;
		text-align: center;
		position: absolute; }
	  ._banner2 #rond3 .anniu1 {
		right: -11px; }
	  ._banner2 #rond3 .anniu2 {
		left: -70px;
		top: 190px; }
	  ._banner2 #rond3 .anniu3 {
		right: 10px;
		bottom: 0; }
  
  @keyframes lds-hourglass {
	0% {
	  transform: rotate(0); }
	50% {
	  transform: rotate(180deg); }
	100% {
	  transform: rotate(360deg); } }


/*底*/
.l { float: left;}.r { float: right;}
.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after { display: table; clear: both; content: '';}
.footWrap{background:url(../images/f_bj.png) no-repeat center top ; position: relative; margin-top: 100px;padding-top: 100px;padding-bottom: 95px;}
.footer{position: relative; overflow: hidden;max-width: 1200px;
    margin: 0 auto;}
.fnav{margin-top: 60px;overflow: hidden; line-height: 72px;font-weight: bold;}
.fnav a{display: inline-block;font-size: 16px; color:#fff; margin-right:76px;transition: .5s;width: 108px;}
.fnav a:nth-child(3){ margin-right: 220px;}
.fnav a:last-child{margin-right: 0;}
.fnav a:hover{color: white;}

.fwz{margin-top: 125px; overflow: hidden; position: relative; }
.fwz::before {position: absolute; top: 20px; left:33px; width:1134px; height:1px; border-top: 1px dashed #fff;
    content: '';}
.fwz p{ width:25%; float: left; overflow: hidden; font-size: 28px; text-align: center; color:#fff; line-height: 28px;position: relative;z-index: 3;margin-bottom: 20px;}
.fwz img{display: block;margin: 0 auto 10px;}
.fwz p:last-child{font-size: 18px; line-height: 30px; }
.fwz1 {text-align: center;font-size: 14px; line-height: 24px; color:#fff;margin-top: 50px;}
.fwz1 a{color: #fff;    display: inline-block;}
.fwz1 p{margin: 0;}
.fwz1 img{display: inline-block;}
.flogo{ width:167px; position: absolute; top: 0; left:500px;overflow: hidden; z-index: 9;transition: .4s;}
.flogo img{ width:167px; height: 228px; margin: 0 auto;display: block;}
.footer .by{position: absolute;right: 30px;bottom: 30px;}
.footer .gs{position: absolute;left: 30px;bottom: 30px;}
/* .footer{padding:40px 0;overflow: hidden;background-color: #2f3032;}
.footer .inner{width:90%;margin:0 auto;}
.footer .logo{width:24%;}
.footer .logo, .footer .one, .footer .two{min-height:270px;border-right:1px solid #59595b;}
.footer .one{width:37%;padding-left:3%;}
.footer .one h4{font-size:26px;color:#fff;margin-bottom:20px;}
.footer .one h4 span{font-size:18px;color:#fff;padding-left:10px;}
.footer .one a{width:33.33%;float: left;font-size:16px;color:#fff;line-height:30px;}
.footer .two{color:#fff;width:20%;padding-left:3%;}
.footer .two h2{font-size:20px;margin-bottom:20px;font-weight:bold;}
.footer .two .text{font-size:16px;color:#fff;line-height:30px;}
.footer .ewm{text-align: center;width:10%;}
.footer .ewm img{margin:0 auto;}
.footer .ewm p{font-size:16px;color:#fff;margin-top:12px;} */

.copyright{height:60px;line-height:60px;color:#fff;background-color: #0DA4D3;font-size:14px;text-align: center;}
.copyright img{display: inline-block;margin:0 10px 4px;}
.copyright a{display: inline-block;margin:0 10px;color:#fff;}

.pub_title{text-align: center;position: relative;}
.pub_title h4{font-size:48px;color:#0DA4D3;font-weight: 700;}
.pub_title h4 img{display: inline-block;width: 65px;}
.pub_title i{display: inline-block;vertical-align: middle;width:9px;height:9px;background-color: #0DA4D3;margin:0 10px;border-radius:50%;}
.pub_title h4 span{color:#000000;font-weight: 100;}
.pub_title p.upp{font-size:66px;color:#e9e9e9;opacity:0.5;font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;letter-spacing: 5px;position: absolute;top: 0;left: 0;right: 0;margin: auto;z-index: -1;}
.pub_title .line{width:52px;height:3px;background-color: #f9ae08;margin:10px auto 0;}
/*===================== 公用样式 END =====================*/

/*===================== 首页 START =====================*/

.section_two{overflow: hidden;}
.section_two .pub_title{padding:30px 0;margin-top: 50px;}
#top_scroll {height:900px;overflow: hidden;max-width:90%;margin:0 auto;}
#top_scroll ul li{float: left;width:24%;margin:0.5%;text-align: center;}
#top_scroll ul li .img, #scroll_one ul li .img{overflow: hidden;}
#top_scroll ul li img, #scroll_one ul li img{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
#top_scroll ul li:hover img, #scroll_one ul li:hover img{-webkit-transform:scale(1.2, 1.2);-moz-transform:scale(1.2, 1.2);-o-transform:scale(1.2, 1.2);-ms-transform:scale(1.2, 1.2);transform:scale(1.2, 1.2);}
#top_scroll ul li .clear{height:95px;border-bottom:1px solid #e1dfe0;line-height:95px;padding:0 10px;}
#top_scroll ul li h3{color:#000;font-size:18px;float: left;width:67%;text-align: left;}
#top_scroll ul li span{float: right;height:34px;line-height:34px;margin-top:30px;border:1px solid #dcdcdc;color:#000;width:30%;border-radius:70px;font-size:14px;}
#top_scroll ul li:hover .clear{background-color: #0DA4D3;}
#top_scroll ul li:hover span{border-color:#0DA4D3;background-color: #fff;}
#top_scroll ul li:hover h3{color:#fff;}
.section_two .more{cursor:pointer;width:640px;height:48px;background-color: #0DA4D3;line-height:48px;margin:50px auto;border-radius:60px;}
.section_two .more a.fl{width:174px;height:48px;font-size:18px;color:#fff;line-height:48px;background-color: rgba(14,164,211, 0.7);border-radius:60px;text-align: center;}
.section_two .more strong{display: inline-block;vertical-align: top;color:#fff;margin-left:20px;}
.section_two .more strong{font-size:30px;font-family: impact;display: inline-block;vertical-align:top;}
.section_two .more:hover{background-color: #f1f1f1;}
.section_two .more:hover a.fl{background-color: rgba(14,164,211, 0.7);color:#fff;}
.section_two .more:hover strong{color:#1AA8D5;}

@-webkit-keyframes loadRotate {
	from {
	  -webkit-transform: rotateZ(0deg); }
	to {
	  -webkit-transform: rotateZ(360deg); } }
  @keyframes loadRotate {
	from {
	  transform: rotateZ(0deg); }
	to {
	  transform: rotateZ(360deg); } }
  .cppic {
	-webkit-animation: loadRotate 10s linear infinite;
	-webkit-animation-fill-mode: both;
	animation: loadRotate 10s linear infinite;
	/*动画从头到尾的速度是相同的  liner*/
	/*指定动画应该播放无限次（永远）*/
	animation-fill-mode: both;
	/*动画结束前和结束后都应用该属性 animation-fill-mode:both; */ }
.section_three{background:url(../images/bg3.jpg) center top no-repeat;overflow: hidden;height:1385px;}
.section_three .auto{width:1280px;margin:0 auto;padding-top:114px;}
.section_three .info{width:604px;height: 604px;background: url(../images/yuan.png) no-repeat center;background-size: cover;padding-top: 1px;margin:0 auto;position: relative;text-align: center;z-index: 2;}
.section_three .info>img{position: absolute;top: 0px;left: 0;right: 0;bottom:0;margin: auto;z-index: -1;}
.section_three .info strong{display: block;font-weight:700;font-size:50px;color:#fff;text-align: center;margin-top: 10%;}
.section_three .info strong span{font-weight:400;display: block;font-size: 40px;}
.section_three .info .txt{background:url(../images/b1.png) left center no-repeat;font-size:22px;color:#ffc000;padding-left:30px;}
.section_three .info .text{font-size:16px;line-height:30px;color:#fff;padding:30px 8% 0;}
.section_three .info .text .more{color: #fff;display: inline-block;background: #0DA4D3;border-radius:30px;padding: 3px 30px}
.section_three .info .text .more:hover{background: #f9ae08}
.section_three .num{height:133px;width:1102px;margin:-200px auto 0;text-align: center;position: relative;z-index: 1;}
.section_three .num .item{display: inline-block;text-align: center;margin-top:18px;color:#fff;float: left;}
.section_three .num .item:last-child{float: right;}
.section_three .num .item h3{font-size:100px;font-weight:bold;}
.section_three .num .item h3 i{font-style: normal;}
.section_three .num .item h3 span{font-size:22px;font-weight:100;}
.section_three .num .item p{font-size:18px;}

.factory_box .pub_title{padding:30px 0;margin-top: 50px;}
#scroll_one{height:430px;width:90%;position:relative;overflow: hidden;margin:0 auto;}
#scroll_one ul{width:100000px;position:absolute;left:0;}
#scroll_one ul li{float: left;width:460px;text-align: center;margin-right:36px;}
#scroll_one ul li h3{font-size:18px;color:#333;line-height:50px;}
#scroll_one ul li:hover h3{background-color:#0DA4D3;color:#fff;}

.ys{}

.section_five .pub_title{padding:30px 0;margin-top: 50px;}
.section_five .item{width:50%;height:480px;position: relative;}
.section_five .item .img{max-width:99%;max-height:99%;position: absolute;left:0;top:0;right:0;bottom:0;margin:auto;}
.section_five .item.one .box{margin-left:15%;color:#fff;}
.section_five .item.two .box{margin-left:10%;color:#000;}
.section_five .item .box{padding-left:68px;}
.section_five .item .box{margin-top:40px;}
.section_five .item .box strong{font-size:30px;font-weight:100;}
.section_five .item .box .line{width:46px;height:2px;background-color: #fff;margin:10px 0 20px;}
.section_five .item .box p{font-size:18px;line-height:40px;}
.section_five .item .box p i{display: inline-block;vertical-align: middle;margin-right:10px;width:14px;height:14px;background:url(../images/c5.png) center no-repeat;}
.section_five .item.two .box p i{display: inline-block;vertical-align: middle;margin-right:10px;width:14px;height:14px;background:url(../images/c9.png) center no-repeat;}
.section_five .item.two .box .line{width:46px;height:2px;background-color: #000;margin:10px 0 20px;}

.section_seven{text-align: center;background: url(../images/bg4.jpg) center top no-repeat;height: 768px;}
.section_seven .pub_title{padding:60px 0;text-align: center;}
.section_seven .pub_title img{display: inline-block;}
.section_seven .pub_title h4{font-size: 31px;color: #fff;margin-top: 10px;}
.section_seven .item_box{display: inline-block;text-align: center;}
.section_seven .item_box .arrow{float: left;width:21px;height:232px;margin:0 12px;background:url(../images/arrow2.png) center 60px no-repeat;}
.section_seven .item{width:192px;float: left;margin-right: 157px;}
.section_seven .item:nth-child(4){margin: 0;}
.section_seven .item .radius{width:190px;height:190px;border-radius:50%;background: #fff;border:4px solid #eaeaea;box-sizing: border-box;}
.section_seven .item i{display: block;margin:45px auto 0;font-style: normal;color: #006061;font-size: 40px;}
.section_seven .item i em{color: #006061;font-size: 16px;font-style: normal;}
.section_seven .item p{height:48px;line-height:24px;font-size:18px;color:#000033;margin-top:20px;}
.section_seven .item:hover p, .section_seven .item:hover i, .section_seven .item:hover i em{color: #fff;}
.section_seven .item .radius:hover{-webkit-animation: loadRotate 1s  ;
	-webkit-animation-fill-mode: both;
	animation: loadRotate 1s  ;
	/*动画从头到尾的速度是相同的  liner*/
	/*指定动画应该播放无限次（永远）*/
	animation-fill-mode: both;background: #f9ae08;border-color: #f9ae08;}
@-webkit-keyframes loadRotate {
	from {
	  -webkit-transform: rotateZ(0deg); }
	to {
	  -webkit-transform: rotateZ(360deg); } }
  @keyframes loadRotate {
	from {
	  transform: rotateZ(0deg); }
	to {
	  transform: rotateZ(360deg); } }

.pc-banner{background:url(../images/top_main_bg01.jpg) no-repeat center bottom/100% auto;width:100%;padding:1px 0;height: 600px;}
.pc-banner .pub_title{margin-top: 50px;}
@media screen and (max-width:668px){
	.pc-banner{background-size:auto 100%;}
}
.pc-banner .swiper-container{width:100%;margin:35px 0;}
@media screen and (max-width:668px){
	.pc-banner .swiper-container{margin:20px 0 15px;}
}
.pc-banner .swiper-slide{-webkit-transition:transform 1.0s;-moz-transition:transform 1.0s;-ms-transition:transform 1.0s;-o-transition:transform 1.0s;-webkit-transform:scale(0.7);transform:scale(0.7);}
@media screen and (max-width:668px){
	.pc-banner .swiper-slide{-webkit-transform:scale(0.97);transform:scale(0.97);}
}
.pc-banner .swiper-slide-active,.pc-banner .swiper-slide-duplicate-active{-webkit-transform:scale(1);transform:scale(1);}
@media screen and (max-width:668px){
	.pc-banner .swiper-slide-active,.pc-banner .swiper-slide-duplicate-active{-webkit-transform:scale(0.97);transform:scale(0.97);}
}
.pc-banner .none-effect{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;}
.pc-banner .swiper-slide a{background:#fff;padding:10px;display:block;border-radius:14px;}
@media screen and (min-width:668px){
	.pc-banner .swiper-slide a:after{position:absolute;top:0;left:0;display:block;box-sizing:border-box;border:10px solid #fff;content:"";width:100%;height:100%;background:url(../images/top_slick_cover_bg01.png) 0 0 repeat;border-radius:20px;}
}
.swiper-slide-active a:after{background:none;}
@media screen and (max-width:668px){
	.pc-banner .swiper-slide a{padding:5px;border-radius:7px;}
}
.pc-banner .swiper-slide img{width:100%;border-radius:14px;display:block;}
@media screen and (max-width:668px){
	.pc-banner .swiper-slide img{border-radius:7px;}
}
.pc-banner .swiper-pagination{position:relative;margin-bottom:30px;}
.pc-banner .swiper-pagination-bullet{background:#00a0e9;margin-left:4px;margin-right:4px;width:17px;height:17px;opacity:1;margin-bottom:4px;}
.pc-banner .swiper-pagination-bullet-active{width:13px;height:13px;background:#FFF;border:6px solid #00a0e9;margin-bottom:0;}
@media screen and (max-width:668px){
	.pc-banner .swiper-pagination{position:relative;margin-bottom:20px;}
	.pc-banner 	.swiper-pagination-bullet{background:#00a0e9;margin-left:2px;margin-right:2px;width:8px;height:8px;margin-bottom:2px;}
	.pc-banner .swiper-pagination-bullet-active{width:6px;height:6px;background:#FFF;border:3px solid #00a0e9;margin-bottom:0;}
}
.pc-banner .button1{max-width:1000px;margin:0 auto;bottom:43px;position:relative;}
@media screen and (max-width:668px){
	.button1{width:70%;bottom:22px;}
}

.section_nine{background:url(../images/bg7.jpg) center no-repeat;}
.section_nine .pub_title{padding:30px 0;margin-top: 50px;}
.tabbox {width:1200px;margin:0px auto 0;}
.tabbox .content{width:508px;overflow: hidden;position: relative;height:465px;}
.tabbox .content ul {position:absolute;left: 0;top: 0;height: 100%;}
.tabbox .content li{width:508px;float: left;height:465px;position:relative;overflow: hidden;}
/* .tabbox .content li img{display: block;width:508px;height:465px;} */
.tabbox .content li img{display: block;max-width:unset;}
.tabbox .tab {width:670px;}
.tabbox .tab .item{width:670px;height:136px;margin-bottom:20px;background-color: #eeeeee;}
.tabbox .tab .item a{display: block;}
.tabbox .tab .item .img{height:136px;width:172px;overflow: hidden;}
.tabbox .tab .item .img img{display: block;height:100%;max-width:none;}
.tabbox .tab .item .info{width:456px;height:138px;padding:0 20px;}
.tabbox .tab .item h3{font-size:16px;color:#181818;padding:30px 0 10px 0;}
.tabbox .tab .item p{font-size:14px;color:#222222;line-height:22px;height:44px;overflow: hidden;}
.tabbox .tab .item.on{background-color:#0DA4D3;}
.tabbox .tab .item.on h3, .tabbox .tab .item.on p{color:#fff;}
.tabbox h3 strong{width:80%;display: inline-block;white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}
/*===================== 首页 END =====================*/

/* ========================= 内页 START ========================= */

/* ===================== 产品列表页 ===================== */
#list{margin:30px 0;}
#list .auto, #news_article, #article, .position_now .auto, #nyba .black .auto{width:1500px;margin:0 auto;}
@media(max-width:1505px ){
	#list .auto, #news_article, #article, .position_now .auto, #nyba .black .auto{width:1200px;}
}
.showlist {width:100%;/* float:left; */}
/*.showlist div *{width:100%;}*/
.showlist li{width:98%;margin:0 auto 20px;overflow: hidden;position: relative;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.showlist .wrap_box{float:left;}
.showlist .button{width:60%;color:#fff;margin:0px auto;padding:0px;}
#showdata {display:none;}
#loaddata {text-align:center;}
.showlist li .img{overflow: hidden;}
.product_list_one .showlist, .product_list_two .showlist, .product_list_three .showlist{display: none;}
.product_list_one #showdata, .product_list_two #showdata, .product_list_three #showdata{display: block !important;}
.product_list_one .item, .product_list_two .item, .product_list_three .item{float: left;width:32.33%;margin:0 0.5% 30px;}
.product_list_one .item .img, .product_list_two .item .img{position: relative;overflow: hidden;}
.product_list_one .item img, .product_list_two .item img, .product_list_two .item strong, .product_list_three .item em{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.product_list_one .item:hover img, .product_list_two .item:hover img{-webkit-transform:scale(1.2, 1.2);-moz-transform:scale(1.2, 1.2);-o-transform:scale(1.2, 1.2);-ms-transform:scale(1.2, 1.2);transform:scale(1.2, 1.2);}


/* 样式一 */
.product_list_one .item .info{padding:20px;background:url(../../images/arrow.png) right 57px no-repeat;}
.product_list_one .item strong{display: block;width:95%;font-weight:100;font-size:18px;text-transform:uppercase;text-align: center;}
.product_list_one .item .line2{width:100%;height:2px;transform-origin: 100%;-webkit-transform-origin: 100%;-webkit-transition: -webkit-transform .7s cubic-bezier(0.165, 0.84, 0.44, 1);transition: -webkit-transform .7s cubic-bezier(0.165, 0.84, 0.44, 1);transition: transform .7s cubic-bezier(0.165, 0.84, 0.44, 1);transition: transform .7s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform .7s cubic-bezier(0.165, 0.84, 0.44, 1);transform: scaleX(0);-webkit-transform: scaleX(0);visibility: hidden\9;background-color:#0DA4D3;}
.product_list_one .item p{display: none;}
.product_list_one .item:hover .line2{transform: scaleX(1);-webkit-transform: scaleX(1);-moz-transform: scaleX(1);transform-origin: 0;-webkit-transform-origin: 0;visibility: visible\9;}
.product_list_one .item:hover .info{background:url(../../images/arrow.png) right center no-repeat;}
.product_list_one .item:hover strong{border-right:1px solid #f1f1f1;}
/* 样式一 */

/* 样式二 */
.product_list_two .item .info{padding:0 30px 20px;background-color:#f6f7f7;}
.product_list_two .item .info strong, .product_list_three .item .info strong{display: block;color:#555;font-size:18px;font-weight:100;padding-top:30px;}
.product_list_two .item .line1{width:0%;height:1px;margin-top:8px;}
.product_list_two .item .info p, .product_list_three .item .info p{display: none;color:#868585;font-size:14px;line-height:26px;height:52px;overflow: hidden;margin-top:8px;}
.product_list_two .item .line2{display: none;}
.product_list_two .item:hover{box-shadow: 0px 18px 25px rgba(0, 0, 0, 0.08);background-color: #fff;}
.product_list_two .item:hover strong{color:#0DA4D3;transform: translateY(-10px);-moz-transform: translateY(-10px);-o-transform: translateY(-10px);-ms-transform: translateY(-10px);-webkit-transform: translateY(-10px);}
.product_list_two .item:hover .line1{width:100%;height:1px;background-color:#0DA4D3;}
.product_list_two .item:hover p{transform: translateY(10px);-moz-transform: translateY(10px);-o-transform: translateY(10px);-ms-transform: translateY(10px);-webkit-transform: translateY(10px);}
/* 样式二 */

/* 样式三 */
.product_list_three .item .info strong{padding:0;}
.product_list_three .item{padding-bottom:20px;border-radius:6px;overflow:hidden;background-color:#f9f9f9;}
.product_list_three .item .info{padding:15px;}
.product_list_three .item em{font-style:normal;float: right;width:10px;height:3px;background-color:#0DA4D3;margin:0px 15px 0 0;}
.product_list_three .item:hover em{width:30px;}
.product_list_three .item:hover{box-shadow: 0px 18px 25px rgba(0, 0, 0, 0.08);background-color: #fff;}
/* 样式三 */

/* 产品内页图 */
.product_article .img1{display: none;}
.product_article .title{overflow: hidden;padding:10px 0 0;}
.product_article .title h1{text-align: center;font-size:22px;color:#333;}
.product_article .title .time{display: block;height:30px;line-height:30px;text-align: center;margin:14px 0 0;font-size:14px;color:#999;}
.product_article .title .time img{display: inline-block;height:18px;margin-top:-2px;margin-right:10px;}
.product_article .title .share{text-align: center;height:24px;line-height:24px;margin-top:10px;}
.product_article .title .share span{display: inline-block;vertical-align: top;}
.product_article .title .bdsharebuttonbox{display: inline-block !important;vertical-align: top;}
/* 产品内页图 */

/* ===================== 产品列表页 ===================== */

/* ===================== 产品 详情页 ===================== */
.img_big_box{width:55%;float: left;}
.img_big_box .img_box{height:400px;border-radius:5px;position: relative;border-bottom:none;}
.img_big_box .img_box img{max-width:99%;max-height:99%;border-radius:5px;position: absolute;left:0;top:0;right:0;bottom:0;margin:auto;}
.img_big_box .small_box{border:1px solid #f1f1f1;border-radius:5px;text-align: center;}
.img_big_box .small_box img{max-height:80px;display: inline-block;margin:10px 5px;border:1px solid #fff;}
.img_big_box .small_box img.active{border-color:#0DA4D3;}
.info_big_box{width:42%;float: right;}
.info_big_box h1{color:#444;line-height:36px;font-weight: bold;font-size:26px;margin-top:60px;}
.info_big_box .info_1{margin:30px 0 0;}
.info_big_box .info_1 .dh{color:#555;min-height:40px;line-height:40px;cursor:help;margin-bottom:10px;}
.info_big_box .info_1 .dh img{float: left;width:30px;margin-top:5px;}
.info_big_box .info_1 .dh span{float: right;width:89%;font-size:18px;color:#555;letter-spacing:0px;line-height:40px;}
.info_big_box .info_1 .dh span.num{font-family:impact;font-size:26px;letter-spacing:2px;}
.info_big_box .info_2{padding:10px;}
.info_big_box .share{height:24px;line-height:24px;margin:20px 0;}
.info_big_box .share span{font-size:16px;color:#555;}
.bdshare-button-style0-24 a, .bdshare-button-style0-24 .bds_more{margin:0 6px 0 0 !important;}
/*.info_big_box .info_2 .ewm{margin-right:20px;}
.info_big_box .info_2 img{width:130px;border:1px solid #f2f2f2;padding:2px;}
.info_big_box .info_2 strong{display: block;font-size:14px;height:30px;line-height:30px;color:#333;text-align: center;}
.info_big_box .info_2 .but a{margin-top:26px;width:160px;height:36px;line-height:36px;text-align: center;position: relative;z-index:1;border:1px solid #f2f2f2;color:#666;}
.info_big_box .info_2 .but a.a1:hover, .info_big_box .info_2 .but a.a2:hover{color:#fff;}*/
.info_big_box .info_3 span{display: inline-block;padding:8px 0;line-height:24px;color:#555;cursor:help;font-size:12px;}
.info_big_box .info_3 span img{display: inline-block;height:20px;margin-bottom:3px;margin-right:6px;}

.xgcp_title{padding:10px;background-color:#fafafa; margin:30px 0 0;}
.xgcp_title h3{color:#0DA4D3;border-left:2px solid #0DA4D3;padding-left:20px;height:30px;line-height:30px;font-weight: bold;font-size: 20px;}

.article_content{font-size:16px;line-height:26px;color:#333;padding-top:30px;}
.article_content a{
	display: inline;
	font-weight:bold;
}
.article_box{padding-top:30px;}
.article_box img, .article_content img{display: inline;}
.article_box p, .article_content p{margin-bottom:14px;}

#xgcp ul li{float: left;text-align: center;width:23%;margin:1%;}
#xgcp ul li strong{display: block;height:36px;color:#333;font-size:16px;font-weight:100;line-height:36px;text-align: center;}
#xgcp ul li:hover strong{color:#fff;}
#xgcp ul li:hover .pb_bg{transform: scaleY(1);-webkit-transform: scaleY(1);transform-origin: left 0;-webkit-transform-origin: left 0;visibility: visible\9;}

.pagenum{border-top:1px solid #DCDCDC;margin-top:30px;text-align: center;}
.pagenum a{display: inline-block;color:#666;margin:20px 20px 0;width:120px;height:30px;line-height:30px;border:1px solid #0DA4D3;border-radius:60px;font-size:0px;}
.pagenum span{font-size:16px;color:#0DA4D3;}
.pagenum a:hover{background-color:#0DA4D3;}
.pagenum a:hover span{color:#fff;}
/* ===================== 产品 详情页 ===================== */

/* ===================== 内页 Banner 图 ===================== */
#nyba{height:400px;position: relative;overflow:hidden;background-color:rgba(0,0,0,0.3);background-image:url(images/neibanner.jpg);background-position:top center;background-repeat:no-repeat;background-attachment: fixed;}
.fade_text{text-transform:uppercase;margin-top:8%;text-align: center;font-size:0;}
.fade_text span{color:#fff;display: inline-block;}
.fade_text .cn{height:95px;line-height:95px;overflow: hidden;}
.fade_text .cn span{font-size:72px;}
.fade_text .en{height:40px;line-height:40px;font-size:30px;overflow:hidden;}
.fade_text .line{width:80px;height:3px;background-color:#fff;margin:20px auto;}
.arrow_down{position:absolute;left:50%;margin-left:-4px;bottom:20px;overflow: hidden;width:8px;}
.arrow_down .line{display: block;width:1px; height:40px;margin:0 3px;background: #fff; }
.arrow_down .aw{display: block;width:100%;height:5px;margin-top:3px;background: url('../../images/aw.png') no-repeat;}
.arrow_down .lg{-webkit-animation: long 1.5s linear alternate infinite; animation: long 1.5s linear alternate infinite; }
@-webkit-keyframes long{
	from { -webkit-transform: translateY(-30px); transform: translateY(-30px); }
    to { -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes long{
	from { -webkit-transform: translateY(-30px); transform: translateY(-30px); }
    to { -webkit-transform: translateY(0); transform: translateY(0); }
}
.son_list{position: absolute;height:50px;width:100%;bottom:10px;left:0;text-align: center;}
.son_list a{display: inline-block;width:140px;padding:0 5px;height:50px;color:#333;background-color: #fff;font-size:16px;text-align: center;line-height:50px;position: relative;z-index:1;white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}
.son_list a i{background-color:#0DA4D3;position: absolute;left:50%;top:50%;margin:-100px 0 0 -100px;z-index:-1;width:200px;height:200px;border-radius:50%;transform: scale(0);-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);}
.son_list a:hover i, .son_list a.active i{transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);}
.son_list a:hover, .son_list a.active{color:#fff;}
/* ===================== 内页 Banner 图 ===================== */

/* ===================== 面包屑导航 ===================== */
.position_now{height:60px;line-height:60px;font-size:14px;background-color: #f1f1f1;}
.position_now a{display: inline-block;color:#707070;}
.position_now .fl{color: #707070;}
.position_now .fl img{height:20px;margin-top:-4px;display: inline-block;margin-right:8px;}
.position_now .fr{font-family: impact;color:#0DA4D3;font-size:22px;}
.position_now .fr img{height:26px;display: inline-block;margin-right:8px;vertical-align: middle;}
.position_now .fr strong{font-weight:100;}
/* ===================== 面包屑导航 ===================== */

/* ===================== 新闻页面 ===================== */

/* 新闻样式 1 */
.news_one .news_box li{margin-bottom:20px;}
.news_one .news_box li .img{width:26%;overflow:hidden;float:left;border-radius:8px;position: relative;}
.news_one .news_box li .img img{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.news_one .news_box li .img .bg{position: absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0);}
.news_one .news_box li .img .bg i{opacity:0;position: absolute;left:50%;top:50%;margin:-15px 0 0 -50px;width:30px;height:30px;background:url(../../images/news_arrow.png) center/100% no-repeat;}
.news_one .news_box li .info{width:70%;float:right;}
.news_one .news_box li .info h3{font-weight:bold;font-size:18px;color:#333;}
.news_one .news_box li .info .time{color:#777;font-size:14px;padding:20px 0;}
.news_one .news_box li .info .line{width:100%;height:1px;background-color: #e5e9ef;margin-bottom:20px;}
.news_one .news_box li .info .line i{display: block;width:0%;height:1px;background-color:#0DA4D3;}
.news_one .news_box li .info p{color:#999;font-size:16px;line-height:26px;height:52px;overflow: hidden;}
/* .news_one .news_box li:hover .info{padding-top:50px;}
.news_one .news_box li:hover .line i{width:100%;}
.news_one .news_box li:hover h3{color:#0DA4D3;}
.news_one .news_box li:hover .bg{background:rgba(0,0,0,0.55);}
.news_one .news_box li:hover .bg i{opacity:1;margin:-15px 0 0 -15px;} */
.center{
	text-align: center;
}


@media screen and (max-width: 700px) {
    .news_one .news_box li {
        width: 100%;
    }
}







.news_article_box .left_fixed{position: fixed;left:0;top:0;width:30%;height:100%;z-index:-1;}
.news_article_box .left_fixed .text{padding:35% 0 0 25%;}
.news_article_box .left_fixed h6{font-size:70px;color:#0DA4D3;opacity:0.5;font-style:italic;font-family: impact;}
.news_article_box .left_fixed h5{font-size:16px;color:#333;margin-top:30px;}
.news_article_box .left_fixed .return{margin-top:40px;font-size:14px;color:#666;}
.news_article_box .left_fixed .return:after{content:'';}
.news_article_box .right_article{float: right;width:70%;background-color: #f5f5f5;overflow: hidden;padding-top:120px ;}
.news_article_box .inner_content{padding:30px 50px;}
.news_article_box .h1_title{padding:70px 40px;background-color:#E5E5E5;line-height:1.5;}
.news_article_box .h1_title h1{font-size:28px;color:#333;margin-bottom:20px;}
.news_article_box .h1_title .time img{height:20px;display: inline-block;margin:-4px 10px 0 0;}
.news_article_box .h1_title .time span{color:#777;font-size:16px;}

.page_list{text-align: center;}
.page_list b{font-size:0;}
.page_list b a, .page_list b font{display: inline-block;font-weight:100;color:#999;font-size:16px;margin-right:10px;border:1px solid #e5e9ef;width:40px;height:40px;line-height:40px;border-radius:6px;text-align: center;}
.page_list b font{background-color:#0DA4D3;color:#fff;border-color:#0DA4D3;}
.page_list_span1{display: none;}
/* 新闻样式 1 */

/* 新闻样式 2 */
.news_two .news_box li{float: left;width:31.33%;margin:1%;overflow: hidden;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.news_two .news_box li a{padding:20px;background-color:#f3f3f3;position: relative;}
.news_two .news_box li .time strong{font-size:50px;color:#0DA4D3;display: inline-block;font-family:"SimHei";position: relative;}
.news_two .news_box li .time strong::after{content:'';position: absolute;left:0;top:30px;width:0px;background-color:#0DA4D3;height:2px;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.news_two .news_box li .time span{font-size:12px;color:#333;display: block;font-family:"SimHei";}
.news_two .news_box li h3{color:#333;font-size:18px;line-height: 26px;height:52px;overflow: hidden;margin:15px 0 10px;}
.pc .news_two .news_box li:hover h3{color:#0DA4D3;}
.news_two .news_box li p{font-size:14px;color:#666;line-height:22px;height:44px;overflow: hidden;margin-bottom:10px;}
.news_two .news_box li i{position: absolute;background-color:#0DA4D3;}
.news_two .news_box li i.i1{width:0px;height:2px;top:20px;right:20px;}
.news_two .news_box li i.i2{width:2px;height:0px;top:20px;right:20px;}
.pc .news_two .news_box li:hover i.i1{width:30px;}
.pc .news_two .news_box li:hover i.i2{height:30px;}
.pc .news_two .news_box li:hover{box-shadow:0px 18px 25px rgba(0,0,0,0.08);}
.pc .news_two .news_box li:hover strong::after{width:100%;}

.fixed_body{display: none;position: fixed;width:100%;height:100%;background:rgba(255,255,255,0.8);left:-30%;top:0;z-index:9999;}
.fixed_body .fixed_article{display: none;position:fixed;width:1200px;height:800px;top:50%;right:20%;margin:-400px -600px 0 0;background-color:#fff;z-index:99999;box-shadow:0px 0 25px rgba(0,0,0,0.08);}
.fixed_body .fixed_article .fb_close{position: absolute;right:0;top:0;width:60px;height:60px;cursor:pointer;background-color:#0DA4D3;}
.fixed_body .fixed_article .fb_close i{display: block;margin:10px auto 0;width:40px;height:40px;background:url(../../images/jia.png) center center/80% no-repeat;}
.fixed_body .fixed_article .fb_close:hover i{transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);}
.fixed_body .fixed_article iframe{border:none;width:100%;height:100%;display: block;}
@media( max-width:1505px ){
	.fixed_body .fixed_article{width:1000px;margin-right:-500px;}
}
/* 新闻样式 2 */

/* ===================== 新闻页面 ===================== */

/* ===================== 产品页 左侧 导航 ===================== */
#list .left_side{width:280px;}
#list .left_side .box_one, #list .left_side .box_two{width:260px;background-color:#0DA4D3;padding:10px 10px;}
#list .left_side .box_one .title{text-align: center;margin-bottom:20px;}
#list .left_side .box_one .title h3{color:#fff;font-weight:bold;font-size:30px;margin:20px 0 10px 0;}
#list .left_side .box_one .title p{color:#fff;font-size:16px;}
#list .left_side .box_one ul li{line-height:36px;background-color:#fff;margin-bottom:5px;text-align:left;}
#list .left_side .box_one ul li a{position: relative;z-index:1;overflow: hidden;height:36px;}
#list .left_side .box_one ul li span, #list .left_side .box_one ul li em{font-size:14px;position: absolute;display: block;width:96%;height:100%;padding-left:4%;white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}
#list .left_side .box_one ul li span{left:0;top:0;background-color:#fff;}
#list .left_side .box_one ul li em{right:-100%;top:0;background-color:rgba(13,164,211, .7);color:#fff;}
#list .left_side .box_one ul li a:hover span, #list .left_side .box_one ul li a.active span{top:100%;}
#list .left_side .box_one ul li a:hover em, #list .left_side .box_one ul li a.active em{right:0;}
#list .left_side .box_one ul li .son_nav{border-top:1px solid #0DA4D3;}
#list .left_side .box_one ul li .son_nav a{background:none;height:40px;line-height:40px;position: relative;}
#list .left_side .box_one ul li .son_nav a::after{content:'';position: absolute;left:20px;top:20px;width:8px;height:1px;background-color:#0DA4D3;}
#list .left_side .box_one ul li .son_nav a:hover::after, #list .left_side .box_one ul li .son_nav a.active::after{background-color: #fff;}
#list .left_side .box_one ul li .son_nav span{padding-left:40px;}
#list .left_side .box_two{margin-top:10px;padding:20px 10px;}
#list .left_side .box_two p{font-size:16px;color:#fff;line-height:30px;}
#list .left_side .box_two strong{color:#fff;font-size:30px;display: block;margin-bottom:10px;font-family:impact;font-weight:100;}
#list .left_side .box_two .more{height:36px;line-height:36px;background-color:#fff;margin-top:10px;width:100%;color:#333;text-align: center;}
#list .left_side .box_two .more i{background-color:rgba(13,164,211, .7);}
#list .left_side .box_two .more:hover{color:#fff;}
#list .right_side.fr{width:1200px;}
@media(max-width:1505px ){#list .right_side.fr{width:900px;}}
/* ===================== 产品页 左侧 导航 ===================== */

/* ===================== 全局搜索框 ===================== */
.form_box {display: none;border:1px solid #f1f1f1;border-radius: 5px;margin-bottom: 20px;}
.form_box .sf{margin:0 auto;text-align: center;font-size:0;}
.form_box .an {display: inline-block;border: 1px solid #f1f1f1;background-color: #fff;color: #333;height: 40px;border-radius: 8px;margin: 10px 5px;font-size: 16px;line-height:40px;padding: 0px 15px;outline:none;}
.form_box .an{vertical-align: bottom;}
.form_box .an:hover{border-color:#0DA4D3;}
.form_box .inp{height:38px;vertical-align: bottom;}
.form_box .submit{width:80px;cursor:pointer;}
/* ===================== 全局搜索框 ===================== */

/* ===================== 在线留言 ===================== */
.form_box_box{width:1200px;margin:40px auto;padding:60px 0;box-shadow: 0px 20px 80px rgba(76, 76, 76, 0.1);}
ul.fs{width:1000px;margin:0 auto;}
ul.fs input, ul.fs textarea{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-transition: 0.8s;-o-transition: 0.8s;-ms-transition: 0.8s;-moz-transition: 0.8s;transition: 0.8s;}
ul.fs .box1 li{float: left;width:320px;margin-right:20px;}
ul.fs .box1 li:nth-of-type(3){margin:0;}
ul.fs .box1 li input{border:1px solid #e1e7ee;width:100%;height:50px;padding:10px;color:#999;}
ul.fs li input:hover{border-color:#0DA4D3;}
ul.fs .box1 li input::-webkit-input-placeholder, ul.fs li.textarea textarea::-webkit-input-placeholder, ul.fs li.yzm input::-webkit-input-placeholder{color: #999;}   
ul.fs .box1 li input:-moz-placeholder, ul.fs li.textarea textarea:-moz-placeholder, ul.fs li.yzm input:-moz-placeholder{color: #999;}    
ul.fs .box1 li input:-ms-input-placeholder, ul.fs li.textarea textarea:-ms-input-placeholder, ul.fs li.yzm input:-ms-input-placeholder{color: #999;}
ul.fs li.textarea textarea{width:100%;height:150px;border:1px solid #e1e7ee;padding:10px;margin:20px 0;color:#999;}
ul.fs li.textarea textarea:hover{border-color:#0DA4D3;}
ul.fs li.radio{text-align: center;}
ul.fs li.radio label{margin:0 10px;}
ul.fs li.yzm{text-align: center;margin:20px 0;}
ul.fs li.yzm img{display: inline-block;height:20px;}
ul.fs li.yzm input{border-bottom:1px solid #e1e7ee;width:200px;height:50px;padding:10px;color:#999;}
ul.fs li.yzm input:hover{border-color:#0DA4D3;}
ul.fs li.submit input{height:50px;margin:0 auto;display: block;cursor:pointer;width:200px;border-radius:50px;background-color:#0DA4D3;font-size:16px;color:#fff;}
/* ===================== 在线留言 ===================== */

/* ===================== 联系我们 地图 ===================== */
#allmap{height:500px;}
#allmap img{max-width:none !important;}
/* ===================== 联系我们 地图 ===================== */

/* ===================== 回到顶部 ===================== */
.go_top{display: none;background:url(../images/top.png) center center/50% no-repeat;width:40px;height:40px;cursor:pointer;text-align: center;background-color:#0DA4D3;border-radius:50%;position: fixed;right:6px;bottom:100px;z-index:99999999999;}
/* ===================== 回到顶部 ===================== */

.firstRow img {display: inline-block;}
/* ================================ 内页 END ================================ */

/*===================== 响应式代码 START =====================*/
.header .menu_box{display: none;}
.header .menu_box{float: right;width:24px;height:54px;}
.header .nav_button{position: absolute;right:15px;top:26px;vertical-align: middle;width:24px;height:2px;cursor:pointer;background-color:#0DA4D3;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.header .nav_button::after, .header .nav_button::before{content:'';width:24px;height:2px;position: absolute;z-index:99999999;right:0;background-color:#0DA4D3;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.header .nav_button::after{top:9px;}
.header .nav_button::before{top:-9px;}
.header .menu_box.on .nav_button{width:0;}
.header .menu_box.on .nav_button::before{-webkit-transform: translateY(9px) rotate(45deg);-ms-transform: translateY(9px) rotate(45deg);transform: translateY(9px) rotate(45deg);}
.header .menu_box.on .nav_button::after{-webkit-transform: translateY(-9px) rotate(-45deg);-ms-transform: translateY(-9px) rotate(-45deg);transform: translateY(-9px) rotate(-45deg);}
#close{display: none;position: fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:999;}
.wap_son{display: none;padding:0 13px;margin-bottom:20px;}
.wap_son a{width:48%;height:40px;line-height:40px;font-size:16px;color:#fff;text-align: center;margin:1%;float: left;background-color:#0EA4D3;}

.pc .fixed_footer{display: none;}
.mobile .fixed_footer{display: none;background-color:#0192dc;height:50px;position: fixed;bottom:30px;left:50%;margin-left:-46%;z-index:99999;width:92%;border-radius:10px;}
@media (min-width:640px){
	.mobile .fixed_footer{width:640px !important;left:50%;margin-left:-320px;}
}
/* .mobile .fixed_footer a{float: left;width:33.33%;text-align: center;} */
.mobile .fixed_footer img{display: inline-block;height:24px;margin:5px 0 0;}
.mobile .fixed_footer strong{color:#fff;font-size:12px;display: block;height:20px;line-height:20px;}

.wap_show{display: none;}

@media (max-width: 1700px) {
	._banner2 {
	  top: 130px; }
	
	

	  .section_five .item .img{
		  height: 100%;
	  }
	
	
	}
  
@media( max-width:1610px ){
	.section_three .num{width:1200px;background-size:contain;}
	.section_three .num .item{width:300px;margin-top:20px;}
	.pc-banner{height: 756px;}
}

@media( max-width:1550px ){
	.header .call h3{font-size:28px;}
	.header .nav{width:55%;margin-left: 4%;}
	.inner, .footer .inner, .section_one .item_box{width:1200px;}
	.header .nav ul li a{
		font-size: 16px;
	}
	.section_three .left{width:260px;}
	.section_three .right{width:870px;}
	.section_five .item.one .box, .section_five .item.two .box{margin-left:15%;}
	.section_seven .item{width:158px;}
	.section_seven .item .radius{width:158px;height:158px;}
	.section_seven .item i{margin:35px auto 0;}
	.section_one .left .a1, .section_one .left .a6{margin-left:30px;}
	.section_one .left .a2, .section_one .left .a5{margin-left:20px;}
	.section_one .right .a1, .section_one .right .a6{margin-left:-30px;}
	.section_one .right .a2, .section_one .right .a5{margin-left:-20px;}
	.pc-banner{height: 700px;}
	.header .nav{width:55%;margin-left: 7%;}
}
@media( max-width:1750px ){
	.header .nav{width:55%;margin-left: 4%;}
	.header .nav ul li a{
		font-size: 17px;
	}
}

@media (max-width: 1545px) {
	._banner2 {
	  top: 120px; }
	  ._banner2 #rond {
		width: 500px;
		height: 500px;
		top: 10px; }
		._banner2 #rond #test {
		  top: 60px;
		  left: 80px; }
	  ._banner2 #rond2 {
		width: 460px;
		height: 460px;
		top: 30px; }
		._banner2 #rond2 #test {
		  background: url(yd.png);
		  position: absolute;
		  top: 60px;
		  left: 20px;
		  margin: 0; }
	  ._banner2 #rond3 {
		width: 350px;
		height: 350px;
		top: 56px; }
		._banner2 #rond3 img {
		  position: absolute;
		  width: 90%; top: 90px;} }
@media( max-width:1310px ){
	.section_three .auto{width:1200px;}
	.header .call h3{font-size:26px;}
	.header .nav{margin-left:4%;}
	.section_five .item.one .box, .section_five .item.two .box{margin-left:5%;}
	.section_three .video{width:520px;}
	.section_three .video_banner{width:520px;}
	.pc-banner{height: 620px;}

}
@media( max-width:1200px ){
	.clear{margin-left:1px !important}
	.pc-banner{height: 460px;}
	.wap_show{display: block;width:100%;}
	.pc_show, .section_three .info strong span{display: none;}
	html,body{max-width:750px;margin:0 auto !important;}
	.header .nav ul li em, .header .nav ul li i, .product_list_two .item .info p, .product_list_three .item .info p, .header .call, .banner .swiper-button-next, .banner .swiper-button-prev, .news_two .news_box li p, .position_now .fr, .arrow_down, #list .left_side, .news_one .news_box li .img .bg, .news_article_box .left_fixed, .img_big_box, #none{display: none;}
	.header .menu_box, .mobile .fixed_footer, .wap_son{display: block;}
	#list .auto, #news_article, #article, .position_now .auto, #nyba .black .auto{width:auto;padding:0 15px;}
	.header{height:54px;background-color:#fff;position: unset;}
	.header .inner{padding:0 15px;width:auto;height:54px;}
	.header .logo img{height:44px;margin:5px 0 0 0;}
	.header .nav{position: fixed;width: 280px;height: auto;overflow: auto;padding: 20px 0;top: 50%;left: 50%;margin: -200px 0 0 -140px;z-index: 9999999999;background-color: #fff;box-shadow: 0 0 10px #f1f1f1;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0); -o-transform: scale(0);transform: scale(0);}
	.header .nav ul li{display: block;float:none;width:90%;margin:0 auto;height:40px;line-height: 40px;border-bottom: 1px solid #f9f9f9;}
	.header .nav ul li span, .header .nav ul li a{color:#333 !important;}
	.header .nav ul li a:hover span, .header .nav ul li a.active span{line-height:40px;}
	.header .nav ul li:last-child{border: none;}
	.product_son{display: none !important;}
	.copyright{height:auto;line-height:40px;}
	.position_now .fl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:94%;margin-left:5%;}
	#allmap{height:300px;}
	#nyba{height:300px;}
	.fade_text{margin-top:110px;}
	.fade_text .cn{line-height:40px;height:40px;}
	.fade_text .cn span{font-size:30px;}
	.fade_text .en{font-size:16px;}
	.fade_text .line{margin:10px auto;}
	.form_box_box, ul.fs{width:100%;}
	.form_box_box{margin:0;padding:20px 0;box-shadow:none;}
	ul.fs .box1 li{float:none;width:100%;margin-bottom:20px;}
	.product_list_one .item, .product_list_two .item, .product_list_three .item{width:49%;margin:0.5%;}
	.product_list_two .item .info{min-height:70px;}
	#list .right_side{float:none !important;width:100% !important;}
	.news_one .news_box li .img, .news_one .news_box li .info{float:none !important;width:100%;}
	.news_one .news_box li .img{height:200px;}
	.news_one .news_box li .info{padding-top:20px;height:auto;}
	.news_one .news_box li .info .time{padding:6px 0;}
	.news_one .news_box li .info .line{margin-bottom:6px;}
	.news_one .news_box li:hover .info{padding-top:20px;}
	.son_list{height:40px;}
	.son_list a{height:40px;line-height:40px;width:100px;font-size:14px;padding:0;}
	.news_article_box .right_article{width:100%;float:none;background-color: #fff;padding-top: 0px;}
	.news_article_box .inner_content, .news_article_box .h1_title{padding:20px;}
	.news_two .news_box li{width:49%;margin:0.5%;}
	.news_two .news_box li a{padding:8px;}
	.news_two .news_box li .time strong{font-size:30px;}
	.fixed_body .fixed_article {width:90%;height:500px;margin: -250px -45% 0 0;}
	.fixed_body .fixed_article .fb_close{top:auto;bottom:0;width:50px;height:50px;}
	.fixed_body .fixed_article .fb_close i{margin-top:5px;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);}
	.info_big_box{width:100%;height:auto;}
	.info_big_box h1{margin-top:0;font-size:20px;text-align: center;}
	.info_big_box .info_1{margin-top:10px;display: none;}
	.info_big_box .share{margin:0 0 10px 0;}
	.section_three .video, .footer .logo, .footer .one, .footer .ewm, .tabbox .tab .item .info h3 span, .tabbox .content, .section_seven .item_box .arrow, .section_six .more .call, .section_three .right h1 span, .section_three .left, .section_three .video_box, #top_scroll ul li span, .info_big_box .info_1 .dh:nth-of-type(2), .info_big_box .info_1 .dh:nth-of-type(3), .info_big_box .info_3, .section_two .more div.fl{display: none !important;}
	.xgcp_title{margin-top:10px;display: none;}
	.pub_title h4{font-size:30px;}
	.pub_title p{font-size:16px;}
	#scroll_one{height:200px;}
	#scroll_one ul li{width:200px;margin-right:10px;}
	.section_five .pub_title, .factory_box .pub_title, .section_seven .pub_title, .section_nine .pub_title{padding:35px 0;}
	
	.section_one .item_box, .inner, .footer .inner, .tabbox, .footer .two, .section_three .auto, .section_three .num{width:auto;padding:0 15px;}
	.section_one, .section_three, .section_four, .section_six, .section_eight, .section_nine{height:auto;padding-bottom:30px;}
	.section_one .item_box{height:445px;}
	.section_one .pub_title{padding-top:40px;}
	.section_one .left, .section_one .right{position:absolute;top:230px;width:45%;}
	.section_one .left{left:15px;}
	.section_one .right{right:15px;}
	.section_one .left a, .section_one .right a{margin:0 0 5px 0 !important;height:30px;line-height:30px;width:100%;}
	.section_one .middle{height:200px;width:100%;position: relative;background:none;}
	.section_one .middle img{max-width:99%;max-height:99%;border-radius:5px;position: absolute;left:0;top:0;right:0;bottom:0;margin:auto;width:auto;}
	.section_two .more{width:100%;background-color: #fff;margin:20px 0;}
	.section_two .more a.fl{margin:0 auto;float:none;}
	#top_scroll{display: none;}
	.section_two .wap_show ul li{float:left;width:48%;margin:1%;}
	.section_two .wap_show ul li h3{font-size:16px;color:#333;margin-top:10px;text-align: center;}
	.section_three{background-position:right center;}
	.section_three .info{width:555px;float:none;margin: 0 auto;height: 555px;}
	.section_three .num{background:none;margin-top:20px;height:auto;}
	.section_three .num .item{width:30%;box-sizing:border-box;}
	.section_three .num .item h3{font-size:20px;}
	.section_three .num .item p{font-size:16px;}
	.section_five .item{float:none;width:auto;height:auto;padding:20px;}
	.section_five .item .img{position: relative;}
	.section_five .item .box{padding:0;margin:20px 0 0 0 !important;background:none !important;}
	.section_five .item .box p{font-size:14px;}
	.section_six .muma{width:auto;}
	.section_seven{padding-bottom:0;}
	.section_seven .pub_title h4{font-size: 20px;}
	.section_seven .item{width:50%;margin: 0;margin: 10px auto;}
	.section_seven .item .radius{margin:0 auto;}
	.section_seven .item p{font-size:14px;margin-bottom:10px;}
	.section_seven .item:nth-child(4) {
		margin: 10px auto;
	}
	.section_seven{
		height: auto;
	}
	.tabbox .tab, .tabbox .tab .item{width:100%;}
	.tabbox .tab .item .img{width:40%;}
	.tabbox .tab .item .info{width:60%;box-sizing: border-box;padding:5px;}
	.footer .two{border:none;}
	.banner{top:0;}
	.index_box{margin:0;}
	.fnav{display: none;}
	.flogo{left: 0;right: 0;margin: auto;position: relative;}
	.fwz{margin-top: 30px;}
	.fwz::before{display: none;}
	.fwz p{width: 100%;line-height: normal;}
	._banner2 { top: 0px; } 
	.footWrap{margin-top: 0px;}
	.section_two .pub_title{margin-top: 20px;}
	.footer .by, .footer .gs{display: none;}
}
@media (max-width:640px){
	.section_three .info { width: 360px; height: 360px;	}
	.section_three .info .text{overflow: hidden;height: 150px;}
	.section_three .auto {margin-top: 30px;}
	._banner2 #rond, ._banner2 #rond2, ._banner2 #rond3 .anniu{display: none;}
	._banner2 #rond3{top: 0px;width: 200px;height: 200px;}
	._banner2 #rond3 img{top: 50px}
}
@media( max-width:1280px ){
	.header .nav{width:55%;margin-left: 1%;left: 20%;}
	.header .nav ul li a{
		font-size: 14px;
	}
}


/*===================== 响应式代码 END =====================*/
.ms1 {  overflow: hidden;}
.ms1 h3 { height: 3.57rem; text-align: center; background: url("../images/zsx.png") no-repeat 0 bottom; background-size: 100% 2px; padding-top: 3.6rem; font-size: 2rem; color: #2387DA; margin-bottom: 1.25rem;}
.ms1 dl { width: 96.7%;  margin: 0 auto;}
.ms1 dt img { border: 3px solid #ebebeb;}

.ms1 dd h4 { height: 4.71rem; padding-left: 21.4%; background: url("../images/ms1_07.jpg") no-repeat left center; background-size: 4.71rem 4.71rem; font-size: 1.25rem; color: #000000;}
.ms1 dd h4 span { display: block; color: #2387DA; padding-top: 0.6rem;}
.ms1 dd p { font-size: 1rem; color: #000000; line-height: 2rem; margin-top: 0.8rem;}
.ms1 dd p span { display: block;}
.ms1 .msu { width: 96.6%; margin: 0 auto;}
.ms1 ul li { float: left; width: 30%; margin-right: 5%;}
.ms1 ul li:last-child { margin-right: 0;}
/**/
.ms2 {  background: #efefef; overflow: hidden;}
.ms2 dd { width: 96.1%;  margin: 0 auto; padding-top: 3rem;}
.ms2 dd h3 { height: 4.71rem; padding-left: 21.4%; background: url("../images/ms2_03.jpg") no-repeat left center; background-size: 4.71rem 4.71rem; font-size: 1.25rem; color: #000000; line-height: 2rem;}
.ms2 dd h3 span { color: #2387DA;}
.ms2 dd p { font-size: 1rem; color: #000000; line-height: 1.67rem; margin-top: 0.8rem;}
.ms2 dd p span { display: block;}
/**/
.ms3 {  overflow: hidden;}
.ms3 dd { width: 96.1%;  margin: 0 auto; padding-top: 2.92rem;}
.ms3 dd h3 { height: 4.71rem; padding-left: 21.4%; background: url("../images/ms3_03.jpg") no-repeat left center; background-size: 4.71rem 4.71rem; font-size: 1.25rem; color: #000000; line-height: 2rem;}
.ms3 dd h3 span { color: #2387DA;}
.ms3 dd p { font-size: 1rem; color: #000000; line-height: 2rem; margin-top: 0.4rem;}
.ms3 dd p span { display: block;}
/**/
.ms4 { height: 6.67rem; overflow:hidden;}
.ms4 ul li { float: left; width: 50%;}
/**/
.ms5 {  background: url("../images/msb.jpg") no-repeat; background-size: 100% 35.58rem; overflow: hidden;}
.ms5 dl {  overflow: hidden;}
.ms5 dd { width: 96.1%;  margin: 0 auto; padding-top: 2.79rem;}
.ms5 dd h3 { height: 4.71rem; padding-left: 21.4%; background: url("../images/ms5_03.png") no-repeat left center; background-size: 4.71rem 4.71rem; font-size: 1.25rem; color: #000000; line-height: 2rem;}
.ms5 dd h3 span { color: #2387DA;}
.ms5 dd p { font-size: 1rem; color: #000000; line-height: 2rem; margin-top: 0.4rem;}
.ms5 dd p span { display: block;}
.ms5 .msp em { display: block; float: left; width: 60.3%; height: 4.46rem; background: #2387DA url("../images/msy.jpg") no-repeat 5% center; background-size: 1.92rem 1.92rem; font-size: 1rem; color: #ffffff; line-height: 4.46rem; padding-left: 12.8%;}
.ms5 .msp em span { font-size: 1.1rem;}
.ms5 .msp a { display: block; float: left; width: 26.9%; height: 4.46rem; background: #2387DA; font-size: 1rem; color: #ffffff; text-align: center; line-height: 4.46rem;}
#about-p{
	margin-top: 30px;
}

#about{
	margin-top: 50px;
}
.m-youshi{
	display: none;
}
@media screen and (max-width: 1480px) {
	.clear{
		/* margin-left: -29px !important; */
	}
	.header .call h3{
		font-size:24px !important;
	}
}


@media screen and (max-width: 1430px) {
	.clear{
		/* margin-left: -29px !important; */
	}
	.header .call h3{
		font-size:22px !important;
	}
}



@media screen and (max-width: 1380px) {
	.clear{
		margin-left: 1px !important;
	}
	.header .nav ul li a{
		font-size: 14px;
	}
	.header .call h3{
		font-size:16px !important;
	}
}


@media screen and (max-width: 700px) {
    #scroll_one {
        width: 100% !important;
	}
	.section2 .sygs{
		margin: 30px auto !important;
	}
	.section2 .sygs .sygswz{
		width: 90% !important;
	}
	.section2{
		height: auto !important;
	}
	#about{
		display: none;
	}
	.pc-y1{
		display: none;
	}
	.m-youshi{
		display: block;
	}
	#jianjie{
		display: none;
	}
	#scroll_one ul li strong{
		width: 100% !important;
	}

}

#top_scroll ul li .img img{
	border: 1px solid #dedede;
	width: 99%;
}
.product_list_one .item img{
	border: 1px solid #dedede;
	width: 99%;
}